<template>
    <div>
        <Dialog title="用户登录">
            <form>
                <div>
                    <label for="">用户名:</label>
                    <input type="text" placeholder="请输入用户名">
                </div>
                <div>
                    <label for="">密码:</label>
                    <input type="password" placeholder="请输入密码">
                </div>
                <div>
                     <button>登录</button>
                </div>
            </form>
        </Dialog>


        <Dialog title="地址管理">
            <table>
                <thead>
                    <tr>
                        <td>编号</td>
                        <td>姓名</td>
                        <td>地址</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1001</td>
                        <td>张三</td>
                        <td>陕西省西安市凤城五路100号</td>
                        <td>
                            <button>详情</button>
                            <button>删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>1002</td>
                        <td>李四</td>
                        <td>陕西省西安市凤城五路200号</td>
                        <td>
                            <button>详情</button>
                            <button>删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </Dialog>
    </div>
</template>

<script>
import Dialog from './components/Dialog.vue'

export default {
    components:{
        Dialog
    }
}
</script>

<style>

</style>